.windowItem {
    position      : absolute;
    border        : 1px solid var(--wf-default-border-color);
    display       : flex;
    flex-direction: column;
    transition-property: opacity, border-bottom;
    transition-duration: .3s;
    overflow      : hidden;

    &.focus {
        border: 1px solid var(--wf-color-primary);
    }

    .head {
        overflow        : hidden;
        border-bottom   : 1px solid var(--wf-default-border-color);
        flex            : none;
        background-color: #ffffff;
        color           : #303030;
        padding         : 8px 10px;
        font-size       : 12px;
        user-select     : none;
        display         : flex;
        align-items     : center;
        gap             : 6px;

        .close {
            font-size: 14px;
            cursor   : pointer;

            &:hover {
                color: var(--wf-color-primary);
            }
        }
    }

    .body {
        flex      : 1;
        background: #ffffff;
        overflow  : hidden;
    }

    .zoom {
        position: absolute;
        bottom  : 0;
        right   : 0;
        cursor  : nwse-resize;
    }
}